<div style="display: none;" class="modal fade" id="compose-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

        	<!-- header -->
            <div class="modal-header">
                <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title"><i class="fa fa-picture-o	"></i> 
                	<g:message code="memora.message.escolhaumavatar" default="Escolha um Avatar"/>
                </h4>
            </div>

            <!-- Body -->
            <div class="modal-body" style="overflow:auto; width:580px; height:250px; line-height:100%">
				<div id="modalAvatar" class="row">

				</div>
            </div>

            <!-- Footer -->
            <div class="modal-footer clearfix">

                <button type="button" class="btn btn-danger" data-dismiss="modal">
                	<i class="fa fa-times"></i> 
                	<g:message code="memora.button.cancelar" default="Cancelar"/>
                </button>

            </div>

        </div>
    </div>
</div>